<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link href="static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css" />
<link href="static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css" />
<link href="static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css" />
<link href="lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<script src="./scripts/crypto-js/core.js"></script>
<script src="./scripts/crypto-js/md5.js"></script>
<title>登录</title>
</head>
<body>
<input type="hidden" id="TenantId" name="TenantId" value="" />
<div class="header"></div>
<div class="loginWraper">
  <div id="loginform" class="loginBox">
    <div class="form form-horizontal">
      <div class="row cl">
        <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
        <div class="formControls col-xs-8">
          <input id="name" name="name" type="text" placeholder="账户" class="input-text size-L">
        </div>
      </div>
      <div class="row cl">
        <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
        <div class="formControls col-xs-8">
          <input id="password" name="password" type="password" placeholder="密码" class="input-text size-L">
        </div>
      </div>
      <div class="row cl">
        <div class="formControls col-xs-8 col-xs-offset-3">
          <input id="code" class="input-text size-L" type="text" placeholder="验证码" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:" style="width:150px;">
          <img id="img_code" src="./php/tool/verification.php"> <a id="img_update" href="javascript:;">看不清，换一张</a> </div>
      </div>
      <div class="row cl">
        <div class="formControls col-xs-8 col-xs-offset-3">
          <input id="login_btn" name="" type="button" class="btn btn-success radius size-L" value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;">
          <input name="" type="reset" class="btn btn-default radius size-L" value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;">
        </div>
      </div>
    </div>
  </div>
</div>
<div class="footer">Copyright 马华健 by H-ui.admin v3.1</div>
</body>
</html>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
 <!--/_footer /作为公共模版分离出去-->
 <script>
  $(function(){
    $("#login_btn").click(function(){
    var code = $("#code").val();
    var name = $("#name").val();
    var password=$("#password").val();
    if(name==""||password==""){
      $.Huimodalalert("用户名或密码不能为空",1000);
      return 0;
    }
    var md5Password = CryptoJS.MD5(password).toString(CryptoJS.enc.Hex);
    md5Password = CryptoJS.MD5(md5Password + code).toString(CryptoJS.enc.Hex);
    $.post("./php/login.php",
        { username: name, password: md5Password, code: code },
        function (result) {
            var jsonObject=JSON.parse(result);
            switch(jsonObject.code){
                case '1001':
                    window.location.href=jsonObject.url;
                    break;
                case '1002':
                    $("#img_code").attr("src",jsonObject.url+"?time"+(new Date()).getTime());
                    layer.msg(jsonObject.message);
                    break;
                case '1003':
                    $("#img_code").attr("src",jsonObject.url+"?time"+(new Date()).getTime());
                    layer.msg(jsonObject.message);
                    break;
                case '1004':
                    $("#img_code").attr("src",jsonObject.url+"?time"+(new Date()).getTime());
                    layer.msg(jsonObject.message);
                default:
                    break;
            }
        });
    });

  })
  
    $("#img_update").click(function(){
      var newSrc = "./php/tool/verification.php?time=" + (new Date()).getTime();
      $("#img_code").attr("src",newSrc);
      return false;
    });
</script>